<template>
  <el-result
      :icon="pay.icon"
      :title="pay.title"
  >
    <template #extra>
      <el-button :href="`/api/alipay/pay?subject=bg-print&outTradeNo=${orderDetailsStore.order.id}&totalAmount=${orderDetailsStore.order.quotation}`" rel="noopener noreferrer" tag="a" target="_blank"
                 type="primary"
      >点击支付
      </el-button>
    </template>
  </el-result>
</template>

<script setup>
import {reactive} from 'vue'
import {useRouter} from "vue-router";
import {useOrderDetailsStore} from "@/stores/order.js";

const router = useRouter()
const orderDetailsStore = useOrderDetailsStore()

const pay = reactive({
  title: "报价成功：" + orderDetailsStore.order.quotation + "元",
  icon: "success"
})
</script>

<style scoped>

</style>